<script lang="ts">
    import { onMount } from 'svelte';
    // import { get, post } from '../../utils/api';
    // import { addToast } from '../../stores/toastStore';
    import Header from '../../../components/common/Header.svelte';
    import CreateHeader from '../../../components/audio-synthesis/CreateHeader.svelte';

    onMount(() => {
    });
</script>

<main>
    <Header />
    <CreateHeader />
    <div class="flex px-8 py-4 space-x-8">
        <div class="flex-1 bg-white rounded shadow p-4">
            <div class="flex space-x-4 mb-4">
                <button class="bg-gray-200 rounded-full px-4 py-2">AI帮我写</button>
            </div>
            <textarea class="w-full h-64 border rounded p-2" placeholder="请输入文本..."></textarea>
            <div class="text-right text-gray-500 mt-2">0/1000</div>
        </div>
    </div>
</main>
